{{#if hasProps}}
import { ReactNode } from 'react';
{{/if}}
import { FormattedMessage } from 'react-intl';

{{#if hasProps}}
export type {{ pascalCase name }}Props = {
  children?: ReactNode;
}
{{/if}}

export const {{ pascalCase name }} = ({{#if hasProps}}{ children }: {{ pascalCase name }}Props{{/if}}) => {
  return (
    <div>
      <h1><FormattedMessage defaultMessage="{{ pascalCase name }} component" id="{{ pascalCase name }} / message" /></h1>
    </div>
  );
};
